<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>单个元素实现的 CSS3 Loading 效果</title>
<meta name="viewport" content="width=device-width">

<link rel="stylesheet" href="css/style.css">

</head>
<body>

<div class="inner">
	
	<link rel="stylesheet" href="css/load1.css">
	
	<div class="load-container load1">
		<div class="loader">Loading...</div>
	</div>
	
	<link rel="stylesheet" href="css/load2.css">
	
	<div class="load-container load2">
		<div class="loader">Loading...</div>
	</div>
	
	<link rel="stylesheet" href="css/load3.css">
	
	<div class="load-container load3">
		<div class="loader">Loading...</div>
	</div>
	
	<link rel="stylesheet" href="css/load4.css">
	
	<div class="load-container load4">
		<div class="loader">Loading...</div>
	</div>
	
	<link rel="stylesheet" href="css/load5.css">
	
	<div class="load-container load5">
		<div class="loader">Loading...</div>
	</div>
	
	<link rel="stylesheet" href="css/load6.css">
	
	<div class="load-container load6">
		<div class="loader">Loading...</div>
	</div>
	
	<link rel="stylesheet" href="css/load7.css">
	
	<div class="load-container load7">
		<div class="loader">Loading...</div>
	</div>
	
	<link rel="stylesheet" href="css/load8.css">
	
	<div class="load-container load8">
		<div class="loader">Loading...</div>
	</div>
	
</div>



</body>
</html>